<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<%@ include file="/manage/system/pageBase.jsp" %>
<%@ taglib uri="http://shiro.apache.org/tags" prefix="shiro"%>
<%@ page info="角色管理" %>

<style>
    table {
        table-layout: fixed; /* 只有定义了表格的布局算法为fixed，下面td的定义才能起作用。 */
        width:100%;
    }

    td {
        word-break: keep-all; /* 不换行 */
        white-space: nowrap; /* 不换行 */
        overflow: hidden; /* 内容超出宽度时隐藏超出部分的内容 */
        text-overflow: ellipsis; /* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用*/
    }

</style>
<form action="<%=path%>/manage/role" method="post">
    <div style="height:auto!important;height:550px;min-height:550px;">
        <h3 style="border-bottom: 1px solid #D7D7D7;color: #666666;font-size: 28px;padding-bottom: 20px;margin-bottom: 30px;">
            <%=getServletInfo()%>

            <a href="<%=path %>/manage/resources/selectList" class="btn btn-primary"
               style="padding: 2px 15px;float:right;"><i class="icon-double-angle-left"></i>返回列表</a>
        </h3>
        <div class="filter">
            <button method="setResources" class="btn btn-primary" style="padding:0px 5px;margin-top: -4px;"
                    onclick="return setResources(this)">
                <i class="icon-plus"></i>分配权限
            </button>
            <button method="delResources" class="btn btn-danger" style="padding:0px 5px;margin-top: -4px;"
                    onclick="return delResources(this,'确定删除选择的角色权限?')">
                <i class="icon-trash"></i>删除权限
            </button>
        </div>
        <table class="table table-bordered table-hover table-striped" >
            <tr style="display: none;">
                <td><input type="hidden" value="${pager.dataid}" name="resourcesId"/></td>
            </tr>
            <tr >
                <th width="50"><input type="checkbox" id="firstCheckbox"/></th>
                <th width="30%">角色名称</th>
                <th width="30%">角色代码</th>
                <th width="30%">创建时间</th>
                <th width="30%">更新时间</th>
            </tr>
            <c:forEach var="item" items="${pager.list}">
                    <td>
                        <input type="checkbox" name="roleIds"
                               <c:if test="${!empty item.isPower && item.isPower eq '1'}">checked="checked"</c:if>
                               value="${item.roleid}"/>
                    </td>
                    <td>${item.rolename}</td>
                    <td>${item.rolecode}</td>
                    <td>${item.createtime}</td>
                    <td>${item.updatetime}</td>
                </tr>
            </c:forEach>
            <tr>
                <td colspan="71" style="text-align: center;">
                    <%@ include file="/manage/system/page.jsp" %>
                </td>
            </tr>
        </table>
    </div>
</form>

<script type="text/javascript">
    $(function () {
        $("#firstCheckbox").on("click", function () {
            if ($(this).prop("checked")) {
                $("input[type=checkbox]").prop("checked", true);
            } else {
                $("input[type=checkbox]").prop("checked", false);
            }
        });
    });
    function setResources(obj) {
        if ($("input:checked").size() == 0) {
            alert("请先选择要操作的内容！");
            return false;
        }else {
            var _form = $("form");
            _form.attr("action", $(obj).attr("method"));
            _form.submit();
        }
    }
    function delResources(obj, tip) {
        if ($("input:checked").size() == 0) {
            alert("请先选择要操作的内容！");
            return false;
        }else {
            var _form = $("form");
            _form.attr("action", $(obj).attr("method"));
            _form.submit();
        }
    }

</script>
<%@ include file="/manage/system/baseFoot.jsp" %>